﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucTriple7.ascx.cs" Inherits="WebTriple7.UserControl.ucTriple7" %>
<style type="text/css">
    
.wraperPlay
{
    margin: 20px auto;
    width: 322px;
    padding: 10px 0;
}

.columnPlay
{
    width: 101px;
    float: left;
}

.columnBound
{
    float: left;
    width: 101px;
    text-align: center;
}

.numberRandom
{
    width: 100px;
    margin: 0;
    padding: 0;
    background: url(/Images/img.jpg) left -176px repeat-y;
    height: 250px;
}

.overlayPlay
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: url(/Images/sha.png) top left repeat-x;
}

.extra
{
    margin: auto;
    height: 40px;
    width: 100px;
    background: brown;
    margin-top: 20px;
    line-height: 40px;
    color: #FFF;
}
input[type="submit"][disabled="disabled"],
input[type="button"][disabled="disabled"],
button[disabled="disabled"]
{
    background-color: #FFF;
}
</style>
 <script src="/js/HiloGame.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            Triple7.scrollConfig(<%=Newtonsoft.Json.JsonConvert.SerializeObject(OldSession)%>,-1,false);
        });
    </script>

<div style="width: 100%;">
    <div style="float: left; width: 150px; margin: 20px; text-align: center">
        <div style="text-align: center; font-size: 20px; font-weight: bold; padding-top: 20px; text-align: center;">
            Jackpot
            <div style="border: solid 3px brown; margin: 20px auto; width: 100px">
                0
            </div>
        </div>

        <div class="extra">Free spin (1)</div>
        <div class="extra">Extra life (4)</div>
        <div class="extra">Out of (2)</div>
        <div class="extra">Nudges (4)</div>
    </div>
    <div style="float: right; width: 515px; text-align: center">        
        <div style="clear: both"></div>
        <div class="wraperPlay">
            <div style="clear: both"></div>
            <div style="text-align: left">

                <div style="float: left; width: 101px; margin-left: 10px; text-align: center">
                    <input type="button" value="High" id="btnChooseAction11" onclick="Triple7.chooseAction(1, 1)" />
                </div>
                <div style="float: left; width: 101px; text-align: center">
                    <input type="button" value="High" id="btnChooseAction21" onclick="Triple7.chooseAction(2, 1)" />
                </div>
                <div style="float: left; width: 101px; text-align: center">
                    <input type="button" value="High" id="btnChooseAction31" onclick="Triple7.chooseAction(3, 1)" />
                </div>
                <div style="clear: both"></div>
                <div style="float: left; width: 101px; margin-left: 10px; text-align: center">
                    <span id="spHiCol1">0</span>
                </div>
                <div style="float: left; width: 101px; text-align: center">
                    <span id="spHiCol2">0</span>
                </div>
                <div style="float: left; width: 101px; text-align: center">
                    <span id="spHiCol3">0</span>
                </div>

                <div style="clear: both"></div>
            </div>
            <div style="clear: both"></div>
            <div style="background: #000">
                <div class="columnPlay" style="margin-left: 10px">

                    <div id="col1" class="numberRandom" style="background-position: left -276px;">
                        <div class="overlayPlay"></div>
                    </div>

                </div>

                <div class="columnPlay">

                    <div id="col2" class="numberRandom" style="background-position: left -276px;">
                        <div class="overlayPlay"></div>
                    </div>

                </div>
                <div class="columnPlay">

                    <div id="col3" class="numberRandom" style="background-position: left -276px;">
                        <div class="overlayPlay"></div>
                    </div>

                </div>
                <div style="clear: both"></div>
            </div>
            <div style="text-align: left">
                <div class="columnBound" style="margin-left: 10px;">
                    <span id="spLoCol1">0</span>
                </div>
                <div class="columnBound">
                    <span id="spLoCol2">0</span>
                </div>
                <div class="columnBound">
                    <span id="spLoCol3">0</span>
                </div>
                <div style="clear: both"></div>
                <div class="columnBound" style="margin-left: 10px;">
                    <input type="button" value="Low" id="btnChooseAction10" onclick="Triple7.chooseAction(1, 0)" />
                </div>
                <div class="columnBound">
                    <input type="button" value="Low" id="btnChooseAction20" onclick="Triple7.chooseAction(2, 0)" />
                </div>
                <div class="columnBound">
                    <input type="button" value="Low" id="btnChooseAction30" onclick="Triple7.chooseAction(3, 0)" />
                </div>
                <div style="clear: both"></div>
            </div>
            <div style="clear: both"></div>
            <div style="margin-top: 20px; text-align: left">
                <label id="lblTotalCollect" style="border: solid 1px #CCC; width: 80px; float: left; margin: 9px 10px 0 10px; padding: 3px 5px; font-weight: bold;">
                    0
                </label>
                <input type="button" value="Thu tiền" onclick="Triple7.collectMoney()" />
                <div id="divContainerBet">
                    <div style="margin-left: 10px; margin-top: 0;">
                        <div style="width: 80px; margin-right: 23px; float: left; line-height: 44px">Mức cược:</div>
                        <input type="text" id="txtBet" value="100" style="width: 80px;" onkeydown="return COMMON.validateDigitQuantity(event)" />
                        <input type="button" id="btnBet" value="Chơi" onclick="Triple7.betGame()" />
                        <div style="clear: both"></div>
                    </div>
                    <div style="margin-left: 10px;">
                        <input style="margin-left: 100px; width: auto" type="radio" name="rdoBetType" id="rdoAuBet" checked="checked" />
                        Vàng
                    <br />
                        <input style="margin-left: 100px; width: auto" type="radio" name="rdoBetType" id="rdoAgBet" />
                        Bạc
                    </div>

                </div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
    <div style="clear: both"></div>

</div>
